page{
	height: 100%;
}
.login-box{
	width: 100%;
	height: 100%;
	background: #fff url(../../static/images/loginbg.png) no-repeat top  center;
	background-size: 760upx 465upx;
	padding-top:134upx ;
	box-sizing: border-box;
}
.jl{
	background: #fff url(../../static/images/loginbg.png) no-repeat top  center;
	background-size: 760upx 465upx;
}
.cg{
	background: #fff url(../../static/images/cgbg.png) no-repeat top  center;
	background-size: 760upx 465upx;
}
.sj{
	background: #fff url(../../static/images/sjbg.png) no-repeat top  center;
	background-size: 760upx 465upx;
}
.header{
	width: 140upx;
	height: 140upx;
	border-radius: 50%;
	margin: 0upx auto;
	
}
.header .img{
	width: 140upx;
	height: 140upx;
	border-radius: 50%;
}

.login-box .login{
	width: 690upx;
	background: #fff;
	border-radius: 20upx;
	padding-top: 60upx;
	padding-left: 44upx;
	padding-right: 44upx;
	margin: 0px auto;
	margin-top: 56upx;
	box-sizing: border-box;
	
}
.login-box .login .title{
	text-align: center;
	font-size: 36upx;
	font-weight: bold;
	color: #333333;

}
.login-box .login .table-box{
	display: flex;
	justify-content: space-between;
	margin-top: 40upx;
}
.login-box .login .table-box .table{
	height: 70upx;
	text-align: center;
	font-size: 28upx;
	padding-top: 14upx;
	box-sizing: border-box;
	flex: 1;
	position: relative;
	color: #333333;
}
.login-box .login .table-box .active{
	color: #27A9FD;
	font-weight: bold;
}
.login-box .login .table-box .active::after{
	content: '';
	display: block;
	width: 42upx;
	height: 6upx;
	border-radius: 3upx;
	background: #27A9FD;
	position: absolute;
	left: 50%;
	margin-left: -21upx;
	bottom: -6upx;
}
.input-group{
	margin-top: 53upx;
}
 .input-group .input-box{
	width: 602upx;
	height: 72upx;
	border: 2upx solid #E6E6E6;
	box-sizing: border-box;
	border-radius: 36upx;
	
}
.input-group .shadow{
	box-shadow: 0upx 0upx 10upx #E6E6E6;
	background: #fff;
}
.input-group .input-box .iphone{
	width: 26upx;
	height: 34upx;
	margin-top: 18upx;
	margin-left: 34upx;
	float: left;
}
 .input-group .input-box .input{
	width: 482upx;
	height: 68upx;
	margin-left: 8upx;
	float: left;
	text-indent: 25upx;
	border: none;
	background: none;
	outline: none;
	font-size: 24upx;
}
.input-group .input-box .pass{
	width: 28upx;
	height: 30upx;
	margin-top: 20upx;
	margin-left: 34upx;
	float: left;
}
.input-group .codeBox{
	margin-top: 40upx;
}
.input-group .codeBox .code{
	width: 342upx;
	height: 68upx;
	margin-left: 8upx;
	float: left;
	text-indent: 25upx;
	border: none;
	background: none;
	outline: none;
	font-size: 24upx;
}

.input-group .codeBox .btn{
	width: 140upx;
	height: 50upx;
	background: #E5E5E5;
	text-align: center;
	line-height: 50upx;
	color: #666666;
	font-size: 24upx;
	float: right;
	margin-top: 9upx;
	margin-right: 9upx;
	border-radius: 25upx;
	padding: 0px;
	border: none;
	outline: none;
}
uni-button:after{
	display: none;
}
.input-group .codeBox .bgColor{
	background: #27A9FD;
	color: #fff;
}
.input-group .codeBox .codetext{
	color: #fff;
	font-size: 28upx;
}

.sty{
	color: #999999;
	font-size: 24upx;
}

.text-box{
	margin-top: 30upx;
	margin-left: 10upx;
	overflow: hidden;
}
.text-box .check{
	width: 24upx;
	height: 24upx;
	float: left;
	position: relative;
	top: 4upx;
}
.text-box .text{
	float: left;
	font-size: 20upx;
	color: #999999;
	margin-left: 16upx;
}
.text-box .text text{
	color: #27A9FD;
}

.submit{
height: 72upx;
width: 600upx;
border-radius: 36upx;
text-align: center;
line-height: 72upx;
color: #fff;
background: #27A9FD;
margin-top: 80upx;
font-size: 32upx;
}